﻿@using PagedList.Mvc
@model MyWorkBlogMVC.Models.BlogModel
@{
    ViewBag.Title = "MyWorkBlog";
}
@Styles.Render("~/Content/css")
<link href="~/Content/PageContent.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/blogscriptcontent.js"></script>


<div class="jumbotron">
    <!-- <h1>List of Workblogs</h1>-->
    <img src="~/Content/blogme.PNG" />
</div>
<div class="body_wrapper">


    @foreach (var blog in @Model.Blogs)
    {
        <ul>
            <li>
                <div class="postComment">

                    <div class="userName">
                        <span>
                            BloggMe! Username:<br />
                            @blog.Username<br />
                        </span>
                    </div>

                    <div class="blogInfo">
                        <div><h2> @Html.ActionLink(@blog.Name, "Post", new { id = blog.BlogId })	</h2></div>
                        <hr />
                        <div>
                            <div class="exp">View blog description....</div>
                            <div class="expandme">
                                @blog.Description<br />
                                <a href="#" class="hideDescription">Hide description</a>
                            </div>

                        </div>
                    </div>

                </div>
            </li>
        </ul>
    }
    @Html.PagedListPager(@Model.Blogs, page => Url.Action("Index", new { page }))
</div>
